<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>图片上传裁剪</title>
        
         <!-- 在头部引入 css js --> 
    <include file="Image:imageHead" />


</head>
<body>
    <form action="{:U('add')}" method="post" id="cropForm">
        
         <!-- 在表单中添加 图片显示标签及路径input 可根据具体情况，不用引入，自己写标签，但一定要用到里边img 及 input的css  -->
        <include file="Image:imageContent" />
        
        <button type="submit"  class="btn btn-danger btn-radius">提交</button>
    </form>
    
     <!--在页面底部引入 图片上传表单及图片裁剪框 -->� 
<include file="Image:imageFoot" />

</body>

<script type="text/javascript">
    $(function () {
        
        // 图片上传裁剪配置 第一个参数（all:单图多图同时上传 one：单图上传 many：多图上传） 第二个参数 图片裁剪宽度  第三个参数 图片裁剪高度 第四个参数 图片保存位置 Public/Uploads/下的文件夹名
        setImageCropper("all", 400, 400, 'banners');
    })
</script>

</html>
